<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <title>首页</title>
</head>

<body>

    
    
    <div class="web">
        <!-- 头部s -->
        <header>
            <div class="logo_box">
                <img src="./img/logo.png" alt="">
            </div>
            <div class="search_box">
                <form action="">
                    <input type="text" name="" placeholder="请输入商品名称">
                    <button  class="iconfont icon-sousuo  ">

                    </button>
                </form>
            </div>
            <div class="city_box">
                <select name="" id="">
                    <option value="">广州市</option>
                    <option value="">深圳市</option>
                    <option value="">韶关市</option>
                    
                </select>
                <div  class="circle1"><img src="./img/城市切换下拉.png "  alt=""></div>
            </div>
        </header>
        <!-- 头部e -->
        <!-- 主题s -->
        <section>
            <div>
                <div class="logo_photo">
                    <img src="./img/图层 1.png" alt="">
                    <div class="logo_photo_logo">
                        <img src="./img/团购.png" alt="">
                        <span >优惠团购</span>
                        <span style="margin-left: 200px;">更多</span>
                        <img src="./img/更多.png" alt="">
                    </div>
                </div>
                <div class="box">
                        <div class="col">
                          <div class="item"><img src="./img/图层 5.png" alt=""></div>
                          <div class="item"><img src="./img/图层 6.png" alt=""></div>
                        </div>
                        <div class="col">
                          <div class="item"><img src="./img/图层 7.png" alt=""></div>
                          <div class="item"><img src="./img/图层 8.png" alt=""></div>   
                        </div>
                      </div>
                      <br>
                      <div class="logo_photo_logo">
                            <img src="./img/形状 5.png" alt="">
                            <span >猜你喜欢</span>
                            <span style="margin-left: 200px;">更多</span>
                            <img src="./img/更多.png" alt="">
                        </div>
                        <div class="logo_photo_banner clearfix">
                            <div class="logo_photo_picture"><img src="./img/图层 3.png" alt=""></div>
                           
                            <span class="banner_title">万岁寿司(正佳店)</span>
                            <span class="banner_title_move">&lt;100m</span>
                            <p>[100店通用] 双人套餐</p>
                            <span class="banner_money">￥88.00</span>
                            <span class="banner_sell">已售1000</span>
                        </div>
                        
            </div>
                <div class="logo_photo_banner clearfix">
                    <div class="logo_photo_picture"><img src="./img/图层 4.png" alt=""></div>
                   
                    <span class="banner_title">万岁寿司(正佳店)</span>
                    <span class="banner_title_move">&lt;100m</span>
                    <p>[100店通用] 双人套餐</p>
                    <span class="banner_money">￥88.00</span>
                    <span class="banner_sell">已售1000</span>
                </div>
                
    </div>
            
        </section>
        <!-- 主题e -->
        <!-- 尾部s -->
        <footer>
                <ul class="clearfix">
                        <li class="fl" style="margin-left: 10px;">
                            <a class="active" href="./detailed.html">
                              <div><img width="25px" src="./img/首页.png" alt=""></div>
                                <p>首页</p>
                            </a>
                        </li>
                        <li class="fl" style="margin-left: 10px;">
                            <a href="./sort.html">
                                <div><img width="25px" src="./img/分类4.png" alt=""></div>
                                <p>分类</p>
                            </a>
                        </li>
                        <li class="fl" style="margin-left: 10px;">
                            <a href="./find.html">
                                    <div><img width="25px" src="./img/广场.png" alt=""></div>
                                <p>发现</p>
                            </a>
                        </li>
                        <li class="fl" style="margin-left: 10px;">
                            <a href="./mine.html">
                                <div><img width="25px" src="./img/我的.png" alt=""></div>
                                <p>我的</p>
                            </a>
                       
                    </ul>
        </footer>
        <!-- 尾部e-->
        
    </div>
    <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>